<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Happy Birthday</title>
    <link rel="stylesheet" href="../css/jquery.fullPage.css" type="text/css"/>
    <link rel="stylesheet" href="../css/memories.css" type="text/css"/>
    <link rel="stylesheet" href="../css/bubbles.css" type="text/css"/>
</head>

<body>
<div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
        <!--第一屏-->
        <div class="section">
            <div class="ly-box01">
                <div class="ly-txt01">
                    <p class="ly-stxt01">XXXXXXXXXXXX</p>
                    <p class="ly-stxt02">XXXXXXXXXXXXX</p>
                    <p class="ly-stxt03">XXXXXXXXXXXXXX</p>
                    <p class="ly-stxt04">XXXXXXXXXXXXXXX</p>
                    <p class="ly-stxt05">XXXXXXXXXXXXXXXX</p>
                    <p class="ly-stxt06">XXXXXXXXXXXXXXXXX</p>
                </div>
            </div>
        </div>

        <!--第二屏-->

        <div class="section">
            <div class="timeline"></div>
            <div class="timepoint11"></div>
            <div class="ly-box11">
                <div class="ly-txt12">
                    XXXXXXXXXXXX
                </div>
                <div class="ly-imgbox11">
                    <img class="ly-img11" src="../img/next/22.jpg">
                </div>
            </div>
        </div>

        <!--第三屏-->

        <!--<div class="section">
            <div class="timeline"></div>
            <div class="timepoint21"></div>
            <div class="ly-box11">
                <div class="ly-txt22">
                    <p>风姿娉婷，非俗似仙。</p>
                    <p></p>
                    <p>自见佳人，实获我心。</p>
                    <p></p>
                    <p>今逢生辰，顺颂时祺。</p>
                    <p></p>
                    <p>如花似叶，岁岁年年。</p>
                    <p></p>
                    <p>春风永沐，身康体健。</p>
                    <p></p>
                    <p>万事相宜，千般吉愿。</p>
                </div>
                <div class="ly-imgbox21">
                    <img class="ly-img21" src="../img/next/22.jpg">
                </div>
            </div>
            <div class="ly-triangle21"></div>

        </div>
-->
        <!--第四屏-->

        <div class="section">
            <div class="timeline"></div>
            <div class="timepoint31"></div>
            <div class="ly-box31">
                <div class="ly-txt32">
                    <p>愿你余生遇到的形形色色的人儿，</p>
                    <p></p>
                    <p>可以如你一样善良。</p>
                    <p></p>
                    <p>愿你余生遇到的各种各样的事儿,</p>
                    <p></p>
                    <p>可以如你一样简单。</p>
                </div>
                <div class="ly-imgbox31">
                    <img class="ly-img31" src="../img/next/33.jpg">
                </div>
            </div>
            <div class="ly-triangle31"></div>

        </div>

        <!--第五屏-->
        <div class="section">
            <div class="timeline"></div>
            <div class="timepoint21"></div>
            <div class="ly-box52">
                <div class="ly-txt22">
                    <p>愿你</p>
                    <p>所求皆所愿</p>
                    <p></p>
                    <p>所行化坦途</p>
                    <p></p>
                    <p>多喜乐</p>
                    <p></p>
                    <p>长安宁</p>
                </div>
                <div class="ly-imgbox21">
                    <img class="ly-img21" src="../img/next/44.jpg">
                </div>
            </div>
            <div class="ly-triangle21"></div>
        </div>

        <!--第六屏-->
        <div class="section">
            <div class="timeline"></div>
            <div class="timepoint21"></div>
            <div class="ly-box21">
                <div class="ly-txt22">
                    <p>愿你</p>
                    <p></p>
                    <p>风姿娉婷，非俗似仙。</p>
                    <p></p>
                    <p>今逢生辰，顺颂时祺。</p>
                    <p></p>
                    <p>如花似叶，岁岁年年。</p>
                    <p></p>
                    <p>春风永沐，身康体健。</p>
                    <p></p>
                    <p>万事相宜，千般吉愿。</p>
                </div>
                <div class="ly-imgbox21">
                    <img class="ly-img21" src="../img/next/55.jpg">
                </div>
            </div>
            <div class="ly-triangle21"></div>
        </div>

        <!--第七屏-->
        <!--<div class="section">
            <div class="timeline"></div>
            <div class="timepoint71"></div>
            <div class="ly-box21 xx71">
                <div class="ly-txt22">
                    <p> XXXXXXXXXXXX</p>
                </div>
                <div class="ly-imgbox21">
                    <img class="ly-img21" src="../img/next/66.jpg">
                </div>
            </div>
            <div class="ly-triangle21 xx72"></div>
        </div>-->

        <!--第八屏-->

        <!--<div class="section">
            <div class="timeline"></div>
            <div class="timepoint11"></div>
            <div class="ly-box81">
                <div class="ly-txt82">
                    XXXXXXXXXXXX
                </div>
                <div class="ly-imgbox81">
                    <img class="ly-img81" src="../img/next/77.jpg">
                </div>
            </div>
            <div class="ly-triangle11"></div>
        </div>-->

        <!--第九屏-->

        <!--<div class="section">
            <div class="timeline"></div>
            <div class="timepoint91"></div>
            <div class="ly-box21 xx91">
                <div class="ly-txt90">
                    <p>XXXXXXXXXXXX</p>
                </div>
                <div class="ly-imgbox21 xx94">
                    <img class="ly-img21" src="../img/next/88.jpg">
                </div>
            </div>
            <div class="ly-triangle21 xx92"></div>
        </div>-->
        <!--第十屏-->

        <!--<div class="section">
            <div class="timeline"></div>
            <div class="timepoint11"></div>
            <div class="ly-box81">
                <div class="ly-txt82" style="top:8%">
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX/p>
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                    <p class="wwww1">XXXXXXXXXXXXXXXXXXX</p>
                </div>
                <div class="ly-imgbox81">
                    <img class="ly-img81" src="../img/next/99.jpg">
                </div>
            </div>
            <div class="ly-triangle11"></div>

        </div>-->

    </div>
    <!--试验-->
    <ul class="bg-bubbles">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

</div>
<script src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/jquery.fullPage.min.js"></script>
<!-- <script src="../js/auto-play.js"></script> -->
<script src="../js/memories.js"></script>
<audio src="../music/LittleBottle.mp3" autoplay="autoplay" loop="loop"></audio>
</body>
</html>
